@media screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }

    #more {
        margin-top: 0.8rem;
    }

    body.on {
        overflow: hidden;
    }

    #top {
        width: 100%;
        padding: 0.19rem 0 0 0.4rem;
        position: fixed;
        top: 0;
        z-index: 9999999;
        transition: all .2s;
    }

    #top.on {
        background-color: #fff;
        border-bottom: 0.01rem solid #3333;
    }

    .top_button {
        width: 0.46rem;
        height: 0.4rem;
        position: absolute;
        top: 0.23rem;
        right: 0.25rem;
        background-size: 100% 100%;
        background-image: url(../img/shx.png);
    }

    .top-img {
        width: 2.1rem;
        height: 0.62rem;
        background-image: url(../img/logo.png);
        background-size: cover;
    }

    .mask {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 999;
        display: none;
    }

    .top-right {
        width: 6rem;
        height: 20rem;
        position: fixed;
        top: 0;
        right: -13.34rem;
        color: #666666;
        transition: all .8s;
    }

    .top-right.on {
        right: 0;
    }

    #top.on .top-right {
        color: #0c0c0c;
    }

    .top-right ul {
        height: 100%;
        background: rgba(255, 255, 255, 1);
    }

    .top-right li {
        width: 6rem;
        height: 1.0rem;
        line-height: 1.0rem;
        font-size: 0.30rem;
        font-weight: bold;
        padding-left: 1.15rem;
        position: relative;
        background-size: 0.35rem 0.33rem;
        background-repeat: no-repeat;
        background-position: 0.4rem 0.33rem;
    }

    .top-right li:nth-child(2) {
        background-image: url(../img/shouye.png);
        background-position: 0.4rem;
    }

    .top-right li:nth-child(3) {
        background-image: url(../img/fuwu.png);
        height: auto;
        padding: 0;
        position: relative;
    }

    .top-right li:nth-child(3) .top_li2 {
        padding-left: 1.15rem;
    }

    .top-right li:nth-child(3) .more {
        padding-left: 1.15rem;
    }

    .nava_img {
        display: none;
    }

    .top-right li:nth-child(3) .nava_img {
        display: block;
    }

    .top-right li:nth-child(4) {
        background-image: url(../img/anli.png);
    }

    .top-right li:nth-child(5) {
        background-image: url(../img/zixun.png);
    }

    .top-right li:nth-child(6) {
        background-image: url(../img/zt.png);
    }

    .top-right li:nth-child(7) {
        background-image: url(../img/wd.png);
    }

    .top-right li:nth-child(8) {
        background-image: url(../img/gy.png);
    }

    .top-right li:nth-child(9) {
        background-image: url(../img/lianxi.png);
    }

    .nava_img {
        width: 0.24rem;
        height: 0.26rem;
        line-height: 0.24rem;
        position: absolute;
        right: 0.34rem;
        top: 0.43rem;
        transform: rotate(90deg);
        transition: all .5s;
    }

    .nava_img.on {
        transform: rotate(270deg);
    }

    .more {
        display: none;
        font-size: 0.3rem;
        background: rgba(238, 238, 238, 1);
    }

    .more div {
        line-height: 1.0rem;
        transition: all .2s;
    }

    .top-right div:nth-child(1) {
        height: 1.0rem;
    }

    .sidebar_button {
        width: 0.5rem;
        height: 0.4rem;
        line-height: 0.31rem;
        text-align: center;
        font-size: 0.5rem;
        position: absolute;
        top: 0.34rem;
        right: 0.31rem
    }

    /*----------------------------------------------------*/
    .swiper4 {
        width: 100%;
        height: 11.0rem;
        top: 0;
        bottom: 0;
        z-index: 91 !important;
    }

    .swiper4 .swiper-slide {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #swiper-p2 {
        display: none;
    }

    #swiper-p3 {
        display: none;
    }

    #swiper-p1 {
        display: none;
    }

    .swiper4 .swiper-slide {
        font-size: 0;
        padding: 1.7rem 0.6rem 1.08rem 0.6rem;
    }

    .swiper4 .swiper-pagination-bullets {
        bottom: 0.4rem !important;
    }

    .swiper4 .banner_content {
        display: inline-block;
    }

    .swiper4 .content-title {
        font-size: 0.48rem;
        font-family: FZLTZCHK--GBK1-0;
        font-weight: bold;
        line-height: 0.7rem;
    }

    .content-secondary {
        font-size: 0.18rem;
        color: rgba(255, 255, 255, 1);
        margin-top: 0.5rem;
        line-height: 0.3rem;
    }

    .content-bottom {
        width: 1.9rem;
        height: 0.54rem;
        line-height: 0.54rem;
        text-align: center;
        background: rgba(255, 221, 73, 1);
        border-radius: 0.34rem;
        font-size: 0.18rem;
        font-weight: bold;
        color: rgba(69, 50, 239, 1);
        margin-top: 0.6rem;
    }

    .swiper-slide .banner_img {
        width: 4.97rem;
        position: absolute;
        right: 0.66rem;
        bottom: 1.06rem;
    }

    .swiper-slide .banner_img img {
        height: auto;
    }

    .wrap {
        width: 7.5rem;
        padding: 0.66rem 0.30rem 1rem 0.3rem;
    }

    .title1 {
        font-size: 0.3rem;
        height: 0.29rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
        line-height: 0.29rem;
        text-align: center;
    }

    .title2 {
        font-size: 0.20rem;
        height: 13px;
        font-family: SourceHanSansCN-Regular;
        color: rgba(153, 153, 153, 1);
        line-height: 0.13rem;
        margin-top: 21px;
        text-align: center;
    }

    .wrap-experience {
        height: 8.6rem;
        margin-top: 0.89rem;
    }

    .expright {
        width: 100%;
        height: 8.6rem;
        position: relative;
    }

    .exppage {
        width: 100%;
        height: 100%;
        position: absolute;
        transition: all .5s;
        opacity: 0;
    }

    .exppage.on {
        opacity: 1;
    }

    .exp_img {
        width: 6.9rem;
        height: 3.88rem;
        background: rgba(233, 233, 233, 1);
        z-index: 1;
    }

    .exp_content {
        height: 3.5rem;
        padding: 0.4rem;
        padding-top: 0.8rem;
        padding-right: 1.7rem;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 0.01rem 0.2rem #d3e3ff;
        position: absolute;
    }

    .exp_title {
        color: #333333;
        font-size: 0.3rem;
        font-weight: bold;
    }

    .exp_secondary {
        height: 1.04rem;
        color: #666666;
        line-height: 0.26rem;
        font-size: 0.16rem;
        font-weight: bold;
        margin-top: 0.25rem;
        position: relative;
        overflow: hidden;
    }

    .exp_content a {
        padding-bottom: 11%;
        display: block;
        width: 32%;
        height: 0;
        overflow: hidden;
        margin-top: 3%;
    }

    .exp_button {
        width: 1.8rem;
        height: 0.58rem;
        line-height: 0.58rem;
        background: url(../img/38.png) no-repeat;
        background-size: 1.8rem 0.58rem;
        color: #0A85F8;
        font-size: 0.18rem;
        font-weight: bold;
        position: absolute;
        bottom: 0.35rem;
        display: none;
    }

    .exppage.on .exp_button {
        display: block;
    }

    .exp_button img {
        width: 0.41rem;
        height: 0.4rem;
    }

    .exp_label {
        width: 3.5rem;
        height: 0.16rem;
        font-size: 0.18rem;
        letter-spacing: 0.02rem;
        color: #999999;
        font-weight: bold;
        font-family: ArialMT;
        position: absolute;
        right: -1.2rem;
        top: 5.83rem;
        transform: rotate(90deg);
        transform-origin: center bottom;
    }

    .turn {
        width: 3.3rem;
        height: 0.8rem;
        color: #333333;
        background: rgba(247, 248, 254, 1);
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 0;
    }

    .number {
        width: calc(100% / 2);
        height: 0.8rem;
        color: #999999;
        text-align: center;
        line-height: 0.8rem;
        font-size: 0.18rem;
        font-weight: bold;
        letter-spacing: 0.02rem;
        float: left;
    }

    .number > span:nth-child(1) {
        color: #333333;
    }

    .exp_button2 {
        width: calc(100% / 2);
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.18rem;
        font-weight: bold;
        text-align: center;
        float: left;
    }

    .exp_button2 div:nth-child(2) {
        width: 0.02rem;
        height: 0.28rem;
        background-color: #E5E5E5;
        float: left;
        margin-top: 0.25rem;
    }

    .button-prev {
        width: calc(100% / 2);
        height: 0.8rem;
        line-height: 0.8rem;
        background: url(../img/zuo.png) no-repeat;
        background-size: 0.16rem;
        background-position: 50% 50%;
        float: left;
    }

    .button-next {
        width: calc(100% / 2 - 0.05rem);
        height: 0.8rem;
        line-height: 0.8rem;
        background: url(../img/you.png) no-repeat;
        background-size: 0.16rem;
        background-position: 50% 50%;
        float: left;
    }

    .title-left {
        float: none !important;
    }

    .title-right {
        padding: 0 0.1rem;
        margin-top: 0.69rem;
        float: none !important;
    }

    .title-right a {
        display: block;
    }

    .title-right2 {
        padding: 0 0.83rem;
    }

    .title-right div {
        width: 0.86rem;
        height: 0.4rem;
        line-height: 0.4rem;
        text-align: center;
        color: #666666;
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: bold;
        float: left;
        transition: all .2s;
    }

    .title-right div.on {
        background-color: #0A85F8;
        color: #FFFFFF;
    }

    .title-right span {
        width: 0.2rem;
        height: 0.02rem;
        background: rgba(153, 153, 153, 1);
        margin: 0.19rem 0.2rem;
        float: left;
    }

    .exhibition {
        padding-top: 0.8rem;
        padding-bottom: 0.5rem;
        font-size: 0;
    }

    .exhibition li {
        width: 3.3rem;
        height: 3.26rem;
        background: rgba(241, 241, 241, 1);
        display: inline-block;
        margin-left: 0.3rem;
        margin-bottom: 0.7rem;
        transition: all .8s;
    }

    .exhibition li:hover {
        box-shadow: 0px 0px 40px #b8b8b8;
    }

    .exhibition li:nth-child(1) {
        margin: 0;
    }

    .exhibition li:nth-child(2n+1) {
        margin: 0;
    }

    .ex-img {
        height: auto;
    }

    .ex-img a {
        padding-bottom: 75%;
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
    }

    .ex-img a img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all .5s;
    }

    .ex-img a:hover img {
        transform: scale(1.1);
    }

    .ex-name {
        height: 0.8rem;
        line-height: 0.80rem;
        padding-left: 0.2rem;
        padding-right: 0.5rem;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
        position: relative;
        overflow: hidden;
    }

    .ex-name div {
        width: 0.06rem;
        height: 0.34rem;
        font-size: 0.5rem;
        color: #4366FB;
        float: right;
        margin-top: 0.15rem;
        margin-right: -0.15rem;
        transform: rotate(90deg);
        position: absolute;
        top: -0.09rem;
        right: 0;
    }

    .wrap-bottom {
        width: 100%;
        height: 0.46rem;
        text-align: center;
        opacity: 1;
        font-size: 0.15rem;
    }

    .wrap-bottom img {
        width: auto;
    }

    .wrap-bottom#news {
        width: 1.9rem;
        margin: 0 auto;
        line-height: 0.46rem;
        background-image: url("../img/wyzz.png");
        background-size: cover;
        padding-left: 0.13rem;
        text-align: left;
        color: #fff;
    }

    .wrap-bottom#demo {
        width: 1.9rem;
        margin: 0 auto;
        line-height: 0.46rem;
        background-image: url("../img/wyzz.png");
        background-size: cover;
        padding-left: 0.13rem;
        text-align: left;
        color: #fff;
    }

    .wrap-bottom#demo span {
        left: 0.13rem;
    }

    .wra3 {
        padding-top: 0.69rem;
        position: relative;
    }

    .wra3-title {
    }

    .upper {
        width: 7.5rem;
        height: 9.7rem;
        background: linear-gradient(135deg, rgba(111, 0, 211, 1), rgba(255, 22, 70, 1));
        margin-top: 0.88rem;
        padding: 0.59rem 0.30rem 0.54rem 0.30rem;
        position: relative;
    }

    .top-title {
        width: 2.06rem;
        height: 0.59rem;
        font-size: 0.8rem;
        font-family: DINPro-Bold;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        line-height: 0.59rem;
    }

    .top-secondary {
        height: 0.66rem;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Bold;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        margin-top: 0.65rem;
        line-height: 0.36rem;
    }

    .top-secondary2 {
        height: 0.23rem;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Bold;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        margin-top: 2.83rem;
    }

    .upper-bottom {
        display: flex;
        position: absolute;
        top: 3.19rem;
    }

    .upper-bottom a:nth-child(1) div {
        width: 2.0rem;
        height: 0.56rem;
        background: rgba(75, 108, 249, 1);
        line-height: 0.56rem;
        text-align: center;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
    }

    .upper-bottom a:nth-child(2) div {
        width: 2.0rem;
        height: 0.56rem;
        background: rgba(255, 255, 255, 1);
        color: rgba(75, 108, 249, 1);
        margin-left: 0.4rem;
        line-height: 0.56rem;
        text-align: center;
        font-size: 0.24rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
    }

    .upper-img {
        width: 7.0rem;
        position: absolute;
        margin-left: -0.12rem;
        margin-top: 1.29rem;
    }

    .upper-img ul {
        padding-left: 0.08rem;
    }

    .upper-img li {
        width: 1.2rem;
        height: 0.8rem;
        margin: 0.1rem 0.115rem;
        float: left;
    }

    .upper-img li:nth-child(5n+1) {
        margin-left: 0;
    }

    .upper-img li:nth-child(5) {
        margin-right: 0;
    }

    .upper-img li:nth-child(10) {
        margin-right: 0;
    }

    .upper-img li:nth-child(11) {
        display: none;
    }

    .upper-img li:nth-child(12) {
        display: none;
    }

    .lower {
        width: 7.5rem;
        height: 5.02rem;
        background-image: url(../img/hezuo.png);
        background-size: cover;
        z-index: -1;
    }

    .wrap-title2 {
        padding: 0 0.3rem;
    }

    .information {
        margin-top: 0.8rem;
        margin-bottom: 0.54rem;
    }

    .wrap4 {
        padding-left: 0;
        padding-right: 0;
    }

    .wrap4 li {
        width: 7.5rem;
        /*height: 2.5rem;*/
        color: #333333;
        background: #fff;
        padding: 0.4rem;
        position: relative;
        margin-bottom: 10px;
    }

    .wrap4 li .fix-content {
        width: calc(100% - 2.3rem);
        padding-left: 0.3rem;
        height: 100%;
        float: right;
        position: relative;
    }

    .fix-content div:nth-child(1) {
        width: auto;
        height: 0.19rem;
        font-size: 0.18rem;
        font-weight: bold;
        line-height: 0.19rem;
        position: absolute;
        top: 0.61rem;
    }

    .fix-content div:nth-child(2) {
        font-size: 0.23rem;
        font-weight: bold;
        position: absolute;
        top: 0.14rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .fix-content div:nth-child(3) {
        height: 0.62rem;
        font-size: 0.16rem;
        font-family: SourceHanSansCN-Regular;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 0.31rem;
        position: absolute;
        top: 0.9rem;
    }

    .dividing {
        display: none;
    }

    .wrap4 li .img {
        width: 2rem;
        height: 1.5rem;
    }

    .fix-bottom {
        display: none;
    }

    /*--------------------------------------------*/
    .det_waikuang {
        background: #F7F9FF;
        padding: 1.0rem 0.3rem;
    }

    .det_content {
        color: #333333;
    }

    .det_information {
        height: 0.96rem;
        margin-bottom: 0.7rem;
        float: none !important;
        position: relative;
    }

    .det_information:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background-color: #0A85F8;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .igf_title {
        height: 0.36rem;
    }

    .igf_title span:nth-child(1) {
        font-size: 0.36rem;
        font-weight: bold;
        line-height: 0.36rem;
        letter-spacing: 0.1rem;
    }

    .igf_title span:nth-child(2) {
        font-size: 0.20rem;
        font-weight: bold;
        line-height: 0.20rem;
        margin-top: 0.16rem;
    }

    .igf_share {
        color: #333333;
        height: 0.5rem;
        margin-top: 0.90rem;
        display: flex;
    }

    .igf_share span {
        font-size: 0.2rem;
        font-weight: bold;
        line-height: 0.5rem;
        font-family: SourceHanSansCN-Regular;
    }

    .share_bottom img {
        width: 0.50rem;
        height: 0.50rem;
    }

    .det_content .wrap-bottom {
        line-height: 0.36rem;
        font-size: 0.16rem;
        opacity: 1;
        margin-top: 0.34rem;
        position: relative;
        left: 0;
    }

    .msc_block .wrap-bottom span {
        height: 0.16rem;
        line-height: 0.16rem;
        color: #fff;
        font-size: 0.24rem;
        font-weight: bold;
        position: absolute;
        top: 0.15rem;
        left: 2.95rem;
        z-index: 2;
    }

    .between {
        display: none;
    }

    .det_introduce {
        background-color: #fff;
        padding: 0.54rem 0.3rem;
        padding-bottom: 0.87rem;
        box-shadow: 0px 0px 0.32rem #dce9ff;
        float: none !important;
    }

    .itd_title {
        font-size: 0.3rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.29rem;
        letter-spacing: 0.11rem;
    }

    .itd_website {
        font-size: 0.24rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.25rem;
        letter-spacing: 0.12rem;
        margin-top: 0.49rem;
    }

    .itd_content {
        font-size: 0.18rem;
        font-weight: bold;
        color: #666666;
        letter-spacing: 0.02rem;
        margin-top: 0.46rem;
        line-height: 0.35rem;
    }

    .det_img {
        background-color: #fff;
        padding: 1rem 0.3rem;
        padding-top: 0;
        box-shadow: 0px 0.1rem 0.2rem #dce9ff;
    }

    .det_img img {
        width: 100%;
    }

    .det_button {
        height: 0.46rem;
        background-color: #fff;
        box-shadow: 0px 0.1rem 0.2rem #dce9ff;
        padding-bottom: 1.02rem;
        display: flex;
    }

    .det_button a:nth-child(1) .wrap-bottom {
        margin-left: 0.75rem;
    }

    .det_button a:nth-child(2) .wrap-bottom {
        margin-left: 1.6rem;
    }

    .det_button .wrap-bottom {
        width: 1.9rem;
        height: 0.46rem;
        position: relative;
        margin: 0;
    }

    .det_button .wrap-bottom span {
        position: absolute;
        top: 0.1rem;
        left: 0.25rem;
        font-size: 0.16rem;
        color: #fff;
    }

    /*----------------------------------------------------*/
    .ifd_box {
        padding: 0.60rem 0.3rem 1.3rem 0.3rem;
        font-family: SourceHanSansCN-Regular;
        background-color: #F7F9FF;
    }

    .title-box {
        height: 1.4rem;
        color: #999999;
        font-size: 0.16rem;
        font-weight: bold;
        position: relative;
    }

    .title-box:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background: rgba(67, 102, 251, 1);
        position: absolute;
        bottom: 0;
    }

    .ifd_title {
        height: 0.4rem;
        font-size: 0.4rem;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
    }

    .ifd_secondary {
        height: 0.16rem;
        font-weight: bold;
        margin-top: 0.22rem;
        text-transform: uppercase;
    }

    .ifd_time {
        height: 0.13rem;
        margin-top: 0.25rem;
    }

    .ifd_content {
        padding-top: 1.0rem;
    }

    .ifd_article {
        color: #666666;
        padding: 0.58rem 0.31rem;
        padding-bottom: 0.93rem;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 0.4rem #e3edff;
        float: none !important;
    }

    .ifd_article p {
        font-weight: bold;
        text-transform: uppercase;
    }

    .ifd_article h1 {
        font-size: 0.18rem;
        line-height: 0.18rem;
        text-align: center;
        margin: 0;
        margin-top: 0.58rem;
    }

    .ifd_article img {
        width: 100%;
        margin-left: -2em;
    }

    .ifd_block {
        width: 6.9rem;
        color: #333333;
        padding: 0.4rem 0.3rem;
        padding-top: 0.06rem;
        margin-top: 0.32rem;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 0.4rem #e3edff;
    }

    .ifd_block .igf_share {
        margin-top: 0.4rem;
    }

    .previous {
        margin-top: 0.43rem;
    }

    .previous, .article {
        font-size: 0.24rem;
        color: #666666;
        line-height: 0.36rem;
        font-weight: bold;
    }

    /*-------------------------------------------------------------------------------*/
    .abt_box {
        background-color: #F7F9FF;
        font-family: SourceHanSansCN-Regular;
    }

    .abt_content {
        padding: 0.66rem 0.3rem 0.9rem 0.3rem;
        background-color: #fff;
    }

    .content_right {
        margin-top: 0.89rem;
    }

    .abt_img {
        height: 4.28rem;
        float: none;
    }

    .abt_article {
        padding-top: 0.58rem;
        color: #666666;
        float: none;
    }

    .article_title {
        height: 0.64rem;
        font-size: 0.3rem;
        font-weight: bold;
        color: #333333;
        position: relative;
    }

    .article_title:before {
        content: '';
        width: 1.2rem;
        height: 0.06rem;
        background: #0A85F8;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .abt_article p {
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 0.4rem;
        text-transform: uppercase;
    }

    .advantage {
        padding: 0.6rem 0.3rem 2.36rem 0.3rem;
        color: #333333;
        position: relative;
    }

    .article_secondary {
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 0.48rem;
        margin-top: 0.4rem;
    }

    .article_bottom {
        width: 2.0rem;
        height: 0.56rem;
        line-height: 0.56rem;
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        background: rgba(75, 108, 249, 1);
        margin-top: 1.75rem;
        position: absolute;
        bottom: 1.0rem;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .article_bottom.on {
        opacity: 0.5;
    }

    .advantage_right {
        padding-top: 0.6rem;
    }

    .advantage_right li {
        width: 3.3rem;
        height: 4.2rem;
        background-color: #fff;
        box-shadow: 0px 0px 40px #e3edff;
        padding: 0.57rem 0.4rem;
        margin-bottom: 0.32rem;
        float: left;
    }

    .advantage_right li:nth-child(n+2) {
        margin-left: 0.30rem;
    }

    .advantage_right li:nth-child(n+5) {
        margin-bottom: 0;
    }

    .advantage_right li:nth-child(2n+1) {
        margin: 0;
    }

    .advantage_right li .iocn {
        float: left;
    }

    .advantage_right li:nth-child(n+1) .iocn {
        width: 0.68rem;
        height: 0.54rem;
    }

    .advantage_right li:nth-child(n+2) .iocn {
        width: 0.64rem;
        height: 0.56rem;
    }

    .advantage_right li:nth-child(n+3) .iocn {
        width: 0.6rem;
        height: 0.56rem;
    }

    .advantage_right li:nth-child(n+4) .iocn {
        width: 0.68rem;
        height: 0.56rem;
    }

    .advantage_right li:nth-child(n+5) .iocn {
        width: 0.64rem;
        height: 0.58rem;
    }

    .advantage_right li:nth-child(n+6) .iocn {
        width: 0.68rem;
        height: 0.58rem;
    }

    .ast_title {
        width: 0.48rem;
        height: 0.23rem;
        line-height: 0.23rem;
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 1rem;
    }

    .ast_contert {
        color: #666666;
        font-size: 0.20rem;
        font-weight: bold;
        line-height: 0.34rem;
        margin-top: 0.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .abt_service {
        height: 5.6rem;
        background: url(../img/bg.png) no-repeat;
        background-size: cover;
        position: relative;
    }

    .service_title {
        width: 100%;
        font-size: 0.3rem;
        font-weight: bold;
        text-align: center;
        padding-top: 0.8rem;
    }

    .service_secondary {
        font-size: 0.16rem;
        text-align: center;
        padding-top: 0.21rem;
    }

    .abt_show {
        height: 4.92rem;
        background-image: url(../img/service.png);
        background-size: 100% 100%;
        margin: 0 auto;
        margin-top: 0.50rem;
    }

    .swiper2 {
        width: 5.63rem !important;
        height: 3.52rem !important;
        top: 0.5rem;
        left: 0.015rem;
    }

    .swiper2 .swiper-slide {
        width: 5.617rem !important
        height: 3.52rem !important;
    }

    .swiper2 .side_img {
        margin: 0;
        margin-top: 0.35rem;
        text-align: center;
    }

    .swiper2 .side_img img {
        width: 1.2rem;
        height: 1.2rem;
    }

    .swiper2 .side_title {
        height: 0.24rem;
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.13rem;
    }

    .swiper2 .side_content {
        font-size: 0.20rem;
        text-align: center;
        line-height: 0.35rem;
        margin: 0 auto;
        margin-top: 0.49rem;
    }

    .swiper2 .side_content p {
        display: -webkit-box;
        -webkit-line-clamp: 13;
        -webkit-box-orient: vertical;
    }

    #swiper-p4 {
        display: none;
    }

    #swiper-p5 {
        display: none;
    }

    .list {
        height: 6.7rem;
    }

    .list .service_title {
        color: #333333;
        padding-top: 1.8rem;
    }

    .list .service_secondary {
        color: #999999;
    }

    .list_mark {
        padding: 0.66rem 0.3rem;
        padding-bottom: 0;
    }

    .list_mark a {
        display: block;
        float: left;
        width: 1.21rem;
        height: 0.8rem;
    }

    .list_mark a:nth-child(n+2) {
        margin-left: 0.21rem;
    }

    .list_mark a:nth-child(n+6) {
        margin-top: 0.22rem;
    }

    .list_mark a:nth-child(5n+1) {
        margin-left: 0;
    }

    .list_mark a:nth-child(n+11) {
        display: none;
    }

    /*-----------------------------------------------------------------------------------------*/
    .ctt_box {
        color: #666666;
        background-color: #F7F9FF;
        font-family: SourceHanSansCN-Regular;
    }

    .ctt_title {
        display: none;
    }

    .ctt_secondary {
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.88rem;
        line-height: 0.4rem;
    }

    .ctt_data {
    }

    .ctt_data .ctt_content {
        margin-top: 1.08rem;
        text-align: center;
    }

    .data_title {
        font-size: 0.3rem;
        font-weight: bold;
        color: #333333;
    }

    .data_content {
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.69rem;
        line-height: 0.42rem;
    }

    .ditu {
        margin-top: 0.96rem;
    }

    .message {
        padding: 0.80rem 0.3rem 1.0rem 0.3rem;
    }

    .message_title {
        height: 0.67rem;
        color: #333333;
        font-size: 0.36rem;
        font-weight: bold;
        position: relative;
    }

    .message_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background: #0A85F8;
        position: absolute;
        bottom: 0;
    }

    .message_content {
        margin-top: 0.6rem;
    }

    input, textarea {
        background-color: #fff;
        border: 0;
        box-shadow: 0px 0px 20px #EEF3FE;
    }

    .liuyan {
        color: #666666;
        float: none !important;
    }

    .liuyan textarea {
        width: 6.9rem;
        height: 3.0rem;
        padding-left: 0.39rem;
        padding-right: 0.39rem;
        padding-top: 0.36rem;
        resize: none;
        font-size: 0.18rem;
        color: #666666 !important;
    }

    .xinxi {
        float: none !important;
    }

    .xinxi div {
        position: relative;
    }

    .xinxi div:before {
        content: '';
        width: 0.06rem;
        height: 0.06rem;
        border-radius: 0.03rem;
        background-color: #F64A4F;
        position: absolute;
        left: 0.18rem;
        top: 0.37rem;
    }

    .xinxi input {
        width: 6.9rem;
        height: 0.8rem;
        padding: 0 0.38rem;
        font-size: 0.18rem;
        color: #666666 !important;
    }

    .ctt_box .xinxi div {
        margin-bottom: 0.32rem;
    }

    .msc_block .xinxi div {
        margin-top: 0.32rem;
    }

    .message .wrap-bottom {
        margin: 0 auto;
        margin-top: 0.80rem;
        position: relative;
    }

    .message .wrap-bottom span {
        height: 0.16rem;
        line-height: 0.16rem;
        color: #fff;
        font-size: 0.20rem;
        font-weight: bold;
        position: absolute;
        top: 0.15rem;
        left: 2.65rem;
        z-index: 2;
    }

    /*------------------------------------------------------------------------------------------*/
    .msc_block {
        font-family: SourceHanSansCN-Regular;
        color: #333333;
        padding-top: 1.1rem;
    }

    .message_block {
        padding-top: 1.1rem;
    }

    .msc_block:nth-child(odd) {
        background-color: #F7F9FF;
    }

    .msc_block:nth-child(even) {
        background-color: #fff;
    }

    .msc_title {
        height: 0.77rem;
        font-size: 0.36rem;
        text-align: center;
        font-weight: bold;
        position: relative;
    }

    .msc_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background-color: #0A85F8;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .msc_secondary {
        font-size: 0.24rem;
        text-align: center;
        font-weight: bold;
        padding-top: 0.4rem;
    }

    .msc_content {
        padding-bottom: 1.63rem;
    }

    .msc_content li {
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 1.24rem;
    }

    .xcx_img {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 0.7rem;
        box-shadow: 0px 0px 40px #e3edff;
        margin: 0 auto;
    }

    .xcx_title {
        font-size: 0.28rem;
        font-weight: bold;
        margin-top: 0.49rem;
    }

    .xcx_secondary {
        width: 3.71rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
        font-weight: bold;
        color: #666666;
        margin: 0 auto;
        margin-top: 0.40rem;
    }

    .percentage {
        margin: 0 auto;
        margin-top: 0.94rem;
    }

    .tp_block {
        width: calc(100% / 3);
        float: left;
    }

    .tp_title {
        position: relative;
    }

    .tp_text {
        font-size: 0.40rem;
        font-weight: bold;
        text-align: right;
        line-height: 0.40rem;
        padding-right: 0.8rem;
        color: rgba(247, 0, 42, 1);
    }

    .tp_img {
        width: 0.36rem;
        height: 0.13rem;
        position: absolute;
        top: 0;
        right: 0.45rem;
    }

    .tp_img img {
        vertical-align: top;
    }

    .tp_secondary {
        font-size: 0.18rem;
        text-align: center;
        font-weight: bold;
        color: rgba(102, 102, 102, 1);
        margin-top: 0.25rem;
    }

    .business {
        padding-top: 0.89rem;
        padding-bottom: 0.8rem;
        overflow: hidden;
    }

    .business ul {
    }

    .business li {
        width: 3.3rem;
        height: 4rem;
        background: #fff;
        border: 0.01rem solid rgba(229, 229, 229, 1);
        overflow: hidden;
        margin-left: 0.3rem;
        padding: 0.25rem 0.2rem;
        position: relative;
        float: left;
        /*transition: all .5s;*/
    }

    .business li:nth-child(n+3) {
        margin-top: 0.3rem;
    }

    .bss_title {
        font-size: 0.18rem;
        padding-top: 0.4rem;
    }

    .business li .bss_title {
        padding-top: 0;
    }

    .business li .bss_title div {
        float: left;
    }

    .business li .bss_title .bss_img {
        margin-right: 0.29rem;
        line-height: 0.5rem;
        vertical-align: middle;
    }

    .bss_title .bss_img img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .bss_title div:nth-child(2) {
        padding-top: 0.12rem;
        font-weight: bold;
    }

    .business li .bss_smt {
        width: 2.8rem;
        height: 1px;
        background: rgba(229, 229, 229, 1);
        margin: 0 0.05rem;
        margin-top: 0.24rem;
    }

    .bss_secondary {
        color: #666666;
        font-size: 0.16rem;
        font-weight: bold;
        margin-top: 0.3rem;
        display: none;
    }

    .business li .bss_secondary {
        display: block;
    }

    .bss_nav {
        height: 1.38rem;
        line-height: 0.36rem;
        font-size: 0.14rem;
        font-weight: bold;
        overflow: hidden;
        margin-top: 0.42rem;
        font-size: 0.2rem;
    }

    .business li .bss_nav a {
        float: left;
    }

    .business li .bss_nav a div {
        margin-right: 0.1rem;
        line-height: 0.27rem;
    }

    .bss_mam {
        color: #4668FB;
        font-size: 0.16rem;
        position: absolute;
        left: 0.2rem;
        bottom: 0.3rem;
        opacity: 1;
    }

    .swiper5 {
        height: 11.83rem;
        text-align: center;
    }

    .swiper5 li {
        width: 100%;
        padding-top: 1.1rem;
    }

    .switch_title {
        height: 0.95rem;
        font-size: 0.3rem;
        font-weight: bold;
        padding-top: 0.2rem;
        position: relative;
    }

    .switch_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background-color: #0A85F8;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
    }

    .switch_secondary {
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 0.48rem;
        margin-top: 0.59rem;
    }

    .tsteps {
        text-align: center;
        padding-top: 0.78rem;
    }

    .steps {
        display: inline-block;
    }

    .steps:nth-child(n+2) {
        margin-left: 0.63rem;
    }

    .steps div:nth-child(1) {
        width: 0.96rem;
        height: 0.96rem;
        border-radius: 0.48rem;
        background-color: #fff;
        box-shadow: 0px 0px 40px #e3edff;
        margin: 0 auto;
    }

    .steps div:nth-child(2) {
        font-size: 0.18rem;
        color: #666666;
        text-align: center;
        margin-top: 0.49rem;
    }

    .swiper-slide .switch_img {
        position: absolute;
        bottom: 1.1rem;
        height: auto;
    }

    .swiper-slide:nth-child(1) .switch_img {
        bottom: 0.42rem;
    }

    .swiper-slide:nth-child(6) .switch_img {
        padding-bottom: 1rem;
    }

    .switch_img {
        width: 7.5rem;
        height: 4.5rem;
    }

    .switch_img li {
        width: auto;
        padding-top: 0;
        margin-left: 0.63rem;
    }

    .switch_img li:nth-child(n+5) {
        margin-top: 0.6rem;
    }

    .switch_img div:nth-child(1) {
        width: 1.1rem;
        height: 1.1rem;
        border-radius: 50%;
    }

    .switch_img div:nth-child(2) {
        font-size: 0.16rem;
        margin-top: 0.24rem;
        font-weight: bold;
        text-align: center;
    }

    .swiper-scrollbar {
        height: 0.08rem !important;
        background-color: #f6f8f8 !important;
    }

    .swiper-scrollbar-drag {
        background: rgb(10, 133, 248) !important;
    }


    .msc_img {
        padding: 1.0rem 0.3rem;
    }

    .technology {
        padding: 1.26rem 0.6rem 1.04rem 0.6rem;
    }

    .technology li {
        width: 2.8rem;
        height: 3.2rem;
        text-align: center;
        box-shadow: 0px 0px 0.15rem #dce9ff;
        border-radius: 0.13rem;
    }

    .technology li:nth-child(even) {
        margin-left: 0.7rem;
    }

    .technology li:nth-child(n+3) {
        margin-top: 0.5rem;
    }

    .thl_img {
        width: 1.0rem;
        height: 1.0rem;
        margin: 0 auto;
        margin-top: 0.66rem;
    }

    .technology li div:nth-child(2) {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.64rem;
    }

    .msc_block .message_content {
        padding: 0 0.3rem;
        margin-top: 1.21rem;
    }

    .msc_block .wrap-bottom {
        margin: 0.80rem auto;
        margin-bottom: 0;
        position: relative;
    }

    /*---------------------------------------------------------------------------------------------*/
    .wrp {
        font-family: SourceHanSansCN-Regular;
    }

    .wrp .msc_block {
        padding-top: 1.1rem;
    }

    .block_right {
        width: 100%;
        text-align: center;
    }

    .wrp .msc_block .article_title {
        height: 0.8rem;
    }

    .article_secondary1 {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.59rem;
    }

    .article_content1 {
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 1.2rem;
        color: #666666;
        line-height: 0.4rem;
    }

    .block_left {
        width: 100%;
        text-align: center;
        padding-top: 1.1rem;
        padding-bottom: 1.06rem;
    }

    .wrp .msc_block:nth-child(1) .block_left img {
        width: 5.87rem;
        height: 3.83rem;
    }

    .wrp .msc_block:nth-child(2) .block_left img {
        width: 6.28rem;
        height: 3.79rem;
    }

    .wrp .msc_block:nth-child(3) .block_left img {
        width: 6.63rem;
        height: 6.04rem;
    }

    .msc_block .article_title:before {
        left: 50%;
        transform: translate(-50%, 0);
    }

    .promote {
        padding-bottom: 1.81rem;
    }

    .promote ul {
        display: table;
        font-size: 0;
        margin: 0 auto;
        margin-top: 0.69rem;
    }

    .promote li {
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        margin: 0 0.33rem;
        margin-bottom: 0.69rem;
    }

    .promote li:nth-child(1) {
        margin-left: 1.64rem;
    }

    .pme_img {
        text-align: center;
    }

    .promote img {
        width: 1.84rem;
        height: 1.84rem;
    }

    .wrp .msc_block:nth-child(5) {
        padding-bottom: 0.8rem;
    }

    .wrp .msc_block:nth-child(5) .wrap-bottom {
        margin-bottom: 0;
    }

    /*--------------------------------------------------------------------------------------*/
    .wci .msc_block {
        padding-top: 1.1rem;
    }

    .wci .msc_block:nth-child(1) {
        padding-bottom: 0.81rem;
    }

    .wci .msc_block:nth-child(2) {
        padding-bottom: 1.02rem;
    }

    .wci .msc_block:nth-child(3) {
        padding-bottom: 1.13rem;
    }

    .wci .msc_block:nth-child(4) {
        padding-bottom: 0.72rem;
    }

    .wci .msc_block:nth-child(5) {
        padding-bottom: 0.70rem;
    }

    .wci_nav {
        padding: 1.2rem 0.3rem 0.81rem 0.3rem;
    }

    .msc_block:nth-last-of-type(1) {
        padding-bottom: 0.8rem;
    }

    .wci_nav li {
        width: 3.3rem;
        height: 4.2rem;
        text-align: center;
        background-color: #fff;
        box-shadow: 0px 0px 0.30rem #dbe9ff;
        border-radius: 0.13rem;
        padding-top: 0.67rem;
    }

    .wci_nav li:nth-child(n+2) {
        margin-left: 0.3rem;
    }

    .wci_nav li:nth-child(2n+1) {
        margin-left: 0;
    }

    .wci_nav li:nth-child(n+3) {
        margin-top: 0.4rem;
    }

    .wci_img img {
        width: 1.0rem;
        height: 1.0rem;
    }

    .wci_title {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.63rem;
    }

    .wci_secondary {
        font-size: 0.2rem;
        font-weight: bold;
        margin-top: 0.64rem;
        line-height: 0.35rem;
    }

    .wci .advantage_left {
        width: 100%;
        height: 3.68rem;
        float: none;
        font-weight: bold;
        /*padding-bottom: 0.87rem;*/
        text-align: center;
        position: relative;
    }

    .advantage_left > div:nth-child(1) {
        font-size: 0.24rem;
        color: #333333;
    }

    .article_title1 {
        font-size: 0.36rem;
        margin-top: 0.49rem;
    }

    .wci .article_secondary {
        width: auto;
        height: auto;
        font-size: 0.24rem;
        margin-top: 0.58rem;
    }

    .wci .article_bottom {
        margin-top: 0rem;
        font-size: 0.24rem;
        bottom: 0;
    }

    .wci_img2 {
        width: 100%;
        float: none;
        height: 4.97rem;
        text-align: center;
        margin-top: 0.64rem;
    }

    .wci_img2 img {
        width: auto;
        height: 100%;
    }

    .wci .msc_block:nth-child(3) .wci_img2 {
        height: 4.72rem;
    }

    .wci .msc_block:nth-child(4) .wci_img2 {
        height: 4.21rem;
    }

    .wci .msc_block:nth-child(5) .wci_img2 {
        height: 5.43rem;
    }

    .wci .msc_block:nth-child(6) .wci_img2 {
        height: 5.27rem;
    }

    /*---------------------------------------------------------------------------------------*/
    .msc .msc_block1 {
        font-family: SourceHanSansCN-Regular;
    }

    .msc_block1:nth-child(even) {
        background-color: #F7F9FF;
    }

    .msc_block1:nth-child(odd) {
        background-color: #fff;
    }

    .msc .msc_block1 .lock1_left {
        color: #333333;
        float: none;
        text-align: center;
        padding-top: 1.09rem;
    }

    .msc .msc_block1 .lock1_left .lock1_title {
        height: 0.8rem;
        font-size: 0.36rem;
        font-weight: bold;
        position: relative;
    }

    .msc .msc_block1 .lock1_left .lock1_title:before {
        content: '';
        width: 1.22rem;
        height: 0.06rem;
        background-color: #0A85F8;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .msc .msc_block1:nth-child(2) .lock1_left .lock1_title:before {
        right: 0;
    }

    .lock1_secondary {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.58rem;
    }

    .lock1_icon {
        height: 0.48rem;
        margin-top: 0.62rem;
    }

    .lock1_icon span:nth-child(1) img {
        width: 0.54rem;
        height: 0.48rem;
    }

    .lock1_icon span:nth-child(2) img {
        width: 0.14rem;
        height: 0.14rem;
        margin-left: 0.1rem;
    }

    .lock1_icon span:nth-child(3) img {
        width: 0.53rem;
        height: 0.48rem;
    }

    .lock1_details {
        line-height: 0.35rem;
        color: #666666;
        font-size: 0.18rem;
        font-weight: bold;
        margin-top: 0.54rem;
    }

    .msc .msc_block1 .wci_img3 {
        width: 7.5rem;
        text-align: center;
        margin-top: 1.23rem;
        padding-bottom: 1.28rem;
    }

    .msc .msc_block1:nth-child(1) .wci_img3 img {
        width: 5.95rem;
        height: 3.68rem;
    }

    .msc .msc_block1:nth-child(2) .wci_img3 img {
        width: 6.69rem;
        height: 3.38rem;
    }

    .lock2_icon {
        margin-top: 0.6rem;
    }

    .lock2_icon span img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .lock2_icon span:nth-child(n+2) img {
        margin-left: 0.65rem;
    }

    .msc_block1:nth-child(3) {
        color: #333333;
    }

    .function {
        margin-top: 0.78rem;
        position: relative;
        padding-bottom: 1.05rem;
    }

    .function_lrft {
        /*padding-top: 0.62rem;*/
        width: 7.5rem;
        float: none !important;
        overflow-x: scroll;
    }

    .function_lrft ul {
        width: 9.6rem;
        font-size: 0;
    }

    .function_lrft li {
        height: 0.66rem;
        padding: 0 0.26rem;
        line-height: 0.66rem;
        text-align: right;
        font-size: 0.24rem;
        font-weight: bold;
        color: #666666;
        float: left;
        position: relative;
        transition: all .8s;
    }

    .function_lrft li.on {
        color: #333333;
    }

    .function_lrft li.on:before {
        content: '';
        width: 0.8rem;
        height: 0.04rem;
        background-color: #0A85F8;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .function_img {
        float: none !important;
    }

    .function_img img {
        width: 6.0rem;
        height: 5.0rem;
    }

    .function_content {
        margin-top: 0.79rem;
        float: none !important;
    }

    .function_title {
        font-size: 0.28rem;
        font-weight: bold;
    }

    .function_secondary {
        color: #666666;
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 0.35rem;
        margin-top: 0.59rem;
    }

    .function_view {
        margin-top: 1.27rem;
    }

    .function_view {
        display: inline-block;
    }

    .function_view li {
        width: 1.4rem;
        padding: 0 0.3rem;
        font-size: 0.24rem;
        font-weight: bold;
        text-align: center;
    }

    .function_view li:nth-child(1) {
        width: 1rem;
    }

    .function_view li:nth-child(n+2) {
        margin-left: 0.2rem;
    }

    .function_view li div img {
        width: 0.9rem;
        height: 0.9rem;
    }

    .function_view li div:nth-child(2) {
        margin-top: 0.31rem;
    }

    .swiper-slide .function_view li {
        width: auto;
        font-size: 0.22rem;
    }

    .swiper-slide:nth-child(2) .function_view li {
        font-size: 0.2rem;
        padding: 0 0.05rem;
    }

    .msc_block1:nth-child(4) {
        padding: 0 0.8rem 0.74rem 0.8rem;
        color: #333333;
    }

    .segmentation {
        display: none;
    }

    .ml_right {
        text-align: center;
        position: relative;
        right: 0;
    }

    .lock2_title {
        font-size: 0.36rem;
        font-weight: bold;
        text-align: center;
        padding-top: 1.11rem;
    }

    .msc_block2 img {
        width: auto;
        height: auto;
    }

    .lock1_optimization {
        padding-top: 1.31rem;
    }

    .lock1_optimization li {
        width: 2.65rem;
        height: 2.6rem;
        text-align: center;
        background-color: #fff;
        border-radius: 0.3rem;
        float: left;
        box-shadow: 0px 0px 0.30rem #dbe9ff;
    }

    .lock1_optimization li:nth-child(even) {
        margin-left: 0.60rem;
    }

    .lock1_optimization li:nth-child(n+3) {
        margin-top: 0.41rem;
    }

    .opza_img {
        padding-top: 0.4rem;
    }

    .opza_img img {
        width: 0.88rem;
        height: 0.88rem;
    }

    .opza_text {
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.62rem;
    }

    .msc_block1:nth-child(5) {
        padding: 0 0.3rem 1.15rem 0.30rem;
        color: #333333;
    }

    .maintenance {
        padding-top: 1.22rem;
    }

    .maintenance li {
        width: 3.30rem;
        height: 3.5rem;
        text-align: center;
        float: left;
        border: 0.01rem solid rgba(229, 229, 229, 1);
        box-shadow: 0px 0px 0.30rem #dbe9ff;
    }

    .maintenance li:nth-child(even) {
        margin-left: 0.30rem;
    }

    .maintenance li:nth-child(n+3) {
        margin-top: 0.39rem;
    }

    .mta_img {
        height: 2.5rem;
    }

    .mta_text {
        font-size: 0.24rem;
        font-weight: bold;
        line-height: 1.0rem;
    }

    .swiper-slide.er .function_view li:nth-child(n+2) {
        margin-left: 0.45rem;
    }

    .swiper-slide.er .function_view li:nth-child(4) {
        margin-left: 1.4rem;
    }

    .swiper-slide.er .function_view li:nth-child(n+4) {
        margin-top: 0.95rem;
    }

    #swiper-p6 {
        bottom: -1.04rem;
    }


    /*-------------------------------------------------------------------------------------------*/
    .app_block:nth-child(odd) {
        background-color: #F7F9FF;
    }

    .app_block:nth-child(even) {
        background-color: #fff;
    }

    .app_block:nth-child(1) {
        padding: 1.0rem 0.3rem 0.89rem 0.3rem;
    }

    .app_block:nth-child(2) {
        padding: 1.0rem 0.3rem 1.07rem 0.3rem;
        padding-bottom: 1.13rem;
    }

    .app_block:nth-child(3) {
        padding: 1.0rem 0.3rem 1.3rem 0.3rem;
        padding-bottom: 1.26rem;
    }

    .app_block:nth-child(4) {
        padding: 1.0rem 0.3rem 1.1rem 0.3rem;
        padding-bottom: 1.26rem;
    }

    .app_block {
        font-family: SourceHanSansCN-Regular;
        color: #333333;
    }

    .app_block .msc_title {
        height: 0.34rem;
    }

    .app_block .msc_title:before {
        content: none;
    }

    .app_service {
        text-align: center;
        padding-top: 1.2rem;
    }

    .app_service li {
        width: 5.2rem;
        height: 5.6rem;
        text-transform: uppercase;
        float: none;
        margin: 0 auto;
        background-color: #fff;
        padding: 0 0.6rem;
        border: 0.01rem solid rgba(229, 229, 229, 1);
    }

    .app_service li:nth-child(n+2) {
        margin-top: 0.8rem;
    }

    .ser_img {
        margin-top: 0.5rem;
    }

    .ser_img img {
        width: 0.9rem;
        height: 0.9rem;
    }

    .ser_system {
        font-size: 0.28rem;
        font-weight: bold;
        margin-top: 0.38rem;
        letter-spacing: 1px;
    }

    .ser_details {
        color: #666666;
        font-size: 0.24rem;
        font-weight: bold;
        margin-top: 0.95rem;
        text-align: left;
        line-height: 0.4rem;
    }

    .app_plan {
        padding-top: 1.01rem;
    }

    .app_plan li {
        width: 3.28rem;
        height: 1.87rem;
        color: #fff;
        text-align: center;
        background-size: cover;
    }

    .app_plan li:nth-child(even) {
        margin-left: 0.32rem;
    }

    .app_plan li:nth-child(n+3) {
        margin-top: 0.32rem;
    }

    .app_plan li div {
        height: 0.49rem;
        font-size: 0.24rem;
        font-weight: bold;
        color: #fff;
        margin-top: 0.79rem;
        position: relative;
    }

    .app_plan li div:before {
        content: '';
        width: 0.28rem;
        height: 0.04rem;
        background: rgba(246, 247, 249, 1);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .app_advantage {
        padding-top: 1.55rem;
    }

    .app_advantage li {
        width: 3.3rem;
        height: 4.2rem;
        text-align: center;
        padding: 0 0.2rem;
        background: rgba(255, 255, 255, 1);
        border-radius: 0.15rem;
        box-shadow: 0px 0px 0.15rem #dce9ff;
    }

    .app_advantage li:nth-child(even) {
        margin-left: 0.3rem;
    }

    .app_advantage li:nth-child(n+3) {
        margin-top: 0.5rem;
    }

    .adv_img {
        margin-top: 0.6rem;
    }

    .adv_img img {
        width: 0.9rem;
        height: 0.9rem;
    }

    .adv_title {
        font-size: 0.28rem;
        font-weight: bold;
        margin-top: 0.45rem;
    }

    .adv_details {
        color: #666666;
        text-align: left;
        line-height: 0.35rem;
        font-size: 0.20rem;
        font-weight: bold;
        margin-top: 0.39rem;
    }

    .app_block:nth-child(4) .app_advantage li {
        height: 4.4rem;
        box-shadow: none;
        border: 0.01rem solid rgba(229, 229, 229, 1);
    }


    /*-------------------------------------------------------------------------------------*/
    .bar {
        padding: 0 0.3rem;
        background: rgba(34, 34, 34, 1);
        font-family: SourceHanSansCN-Medium;
    }

    .bar1 {
        height: 3.4rem
    }

    .contact {
        padding-top: 1.16rem;
        font-size: 0;
        position: relative;
    }

    .contact div {
        float: none;
        text-align: center;
    }

    .iogo2 {
        width: 100%;
        height: 0.68rem;
        text-align: center;
    }

    .iogo2 img {
        width: 2.3rem;
        height: 0.68rem;
    }

    .nav {
        display: none;
    }

    .nav a:nth-child(n+2) {
        margin-left: 1.0rem;
    }

    .cont {
        padding-top: 0.3rem;
        right: 0;
        z-index: 998;
    }

    .cont a img {
        width: 0.4rem;
        height: 0.4rem;
    }

    .cont span img {
        width: 0.4rem;
        height: 0.4rem;
    }

    .cont a img {
        margin-left: 0.19rem;
    }

    .cont span img {
        margin-left: 0.19rem;
    }

    .weixinerwei {
        width: 2rem;
        height: 2rem;
        position: absolute;
        float: none !important;
        top: -2.5rem;
        display: none;
        left: calc((100% - 2rem) / 2);
    }

    .weixinerwei img {
        max-width: 100%;
        width: auto !important;
        height: auto !important;
        margin: 0px !important;
    }

    .contact2 {
        margin-top: 0.32rem;
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        margin-bottom: 0.2;
        color: rgba(153, 153, 153, 1);
    }

    .bar2 {
        padding: 0 0 0.2rem;
        text-align: center;
        line-height: 0.36rem;
        border-top: 0.01rem solid rgba(229, 229, 229, 0.5);
        color: #999999;
        font-size: 0.18rem;
        position: relative;
    }
    .cx_mdq{
        visibility: visible;
    }
}